<!doctype html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>EDR-Budget-App</title>
    <meta name="description" content="beheer budget">
    <meta name="viewport" content="width=device-width">
    <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
    <!-- build:css styles/vendor.css -->
    <!-- bower:css -->
    <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css" />
    <!-- endbower -->
    <!-- endbuild -->
    <!-- build:css({.tmp,app}) styles/main.css -->
    <link rel="stylesheet" href="styles/main.css">
    <!-- endbuild -->
  </head>
  <body ng-app="edrBudgetAppRiaApp">
  	<header class="navbar navbar-default navbar-fixed-top navbar-inverse" ng-controller="MainCtrl">
  		<div class="container">
		   	<div class="navbar-brand text-muted">EDR-Budget-App - <span>werkgebied = <b>{{werkgebied}}</b></span></div>
		   			  	
		    <!--[if lt IE 7]>
		      <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
		    <![endif]-->
		    
		    <nav class="collapse navbar-collapse" id="mainMenu">
             <ul class="nav navbar-nav navbar-right">
                <li><a ng-href="#/" ng-click="clickMenu($event)">Home</a></li>
		    	<li><a ng-href="#/boekrekening" ng-click="clickMenu($event)">Boekrekeningen</a></li> 
		    	<li><a ng-href="#/bankrekening" ng-click="clickMenu($event)">Bankrekeningen</a></li>
		    	<li><a ng-href="#/journaal" ng-click="clickMenu($event)">Journaal</a></li>
		    	<li><a ng-href="#/boeking" ng-click="clickMenu($event)">Boekingen</a></li>
		    	<li><a ng-href="#/budget" ng-click="clickMenu($event)">Budget</a></li>
		    	<li><a ng-href="#/budgetstaat" ng-click="clickMenu($event)">Budgetstaat</a></li>
            </ul>
          </nav>
	    </div>
    </header>
    
    <main class="container-full container" ng-view="">
    </main>

    <!--[if lt IE 9]>
    <script src="bower_components/es5-shim/es5-shim.js"></script>
    <script src="bower_components/json3/lib/json3.min.js"></script>
    <![endif]-->

    <!-- build:js scripts/vendor.js -->
    <!-- bower:js -->
    <script src="bower_components/jquery/jquery.js"></script>
    <script src="bower_components/angular/angular.js"></script>
    <script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
    <script src="bower_components/angular-resource/angular-resource.js"></script>
    <script src="bower_components/angular-cookies/angular-cookies.js"></script>
    <script src="bower_components/angular-sanitize/angular-sanitize.js"></script>
    <script src="bower_components/angular-route/angular-route.js"></script>
    <script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script>
    <script src="bower_components/angu-fixed-header-table/angu-fixed-header-table.js"></script>
    <!-- endbower -->
    <!-- endbuild -->

        <!-- build:js({.tmp,app}) scripts/scripts.js -->
        <script src="scripts/app.js"></script>
        <script src="scripts/controllers/main.js"></script>
        <script src="scripts/controllers/boekrekening.js"></script>
        <script src="scripts/controllers/bankrekening.js"></script>
        <script src="scripts/controllers/budgetstaat.js"></script>
        <script src="scripts/controllers/boeking.js"></script>
        <script src="scripts/controllers/budget.js"></script>
        <script src="scripts/controllers/journaal.js"></script>
        <script src="scripts/directives/angu-fixed-header-table.js"></script>
        <!-- endbuild -->
</body>
</html>
